Top 12 Fresh Drop Down Menu Design Compilation
Displays Perfectly in Modern Browsers and displays a nice 2D Menu in Legacy Browsers.Support for Drop-down Sub Menus.Very simple yet attractive design.
2. CSS3 Menu
CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw
ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.
3. Zozo Tabs
Added: Option maxRows which will be used to switch to CSS3 dropdown menu when executed
Added: Option minWindowWidth which will be used switch to animated dropdown menu CSS3
Responsive Design – Zozo tabs has unique responsive features with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile, view Responsive Tabs
Touch-Enabled – Tabs are displayed in a CSS dropdown menu with touch enabled events and fast CSS3 Transitions, view Mobile Tabs
Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. The majority of buyers rate it 5 stars if you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.
This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system. It can be used as a sticky footer (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. Fully Responsive Menu
Clean and Professional Design
Standard Top Menu
Sticky (or fixed) Top Menu
The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements.I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
WP menu. I love the new Kodda menu! It completely changed the look and feel of my website and the upgraded control panel could not be better! iclickandhost.the best wordpress themes menu, it also works in multisite over its developer and very friendly and helpful, I recommend toutunservice.Thank you for helping me quickly to install the menu.I bought another menu before but it was too complex to resolve -
Your menu is very well done and easy to adjust
Tout fonctionne !!! Je vous remercie pour m’avoir aidé pour l’installation du Menu .J’avais acheté un autre menu avant mais il était trop complexe à régler – Votre menu est très bien fait et rapide à régler.Drag & Drop UI ( for reordering everything )
Ability to add background images to menu & submenus
Font awesome icons for ( arrows , search & responsive menu )
Fully Mobile-Ready design adopts to any device !
Ability to change the size and color of the arrows , search & responsive menu Icons !
You can add different menu types
Anything you added to a Menu Type [ Text/HTML ] ,
- Kodda Menu : Fixed re-size & sticky menu issues
- Kodda Menu : CSS & Responsive Enhancements
- Kodda Menu : * Menu Position ( General Style Tab ) replaced by
"Enable Sticky Menu ( Settings Tab )"
- Drag & Drop UI
- Ability to add background images to menu & submenus
- Font awesome icons for ( arrows , search & responsive menu )
- The menu now , use the contact form jQuery version only
Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega CSS drop down menu is a flexible and high customizable to build your custom menus. In addition to you can set up the menu item drop down by clicking or hovering. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects.Responsive Design, support any PC or MAC systems, smartphones and tablets
Click/hover behavior choice on the mega menu CSS options page
Fly-out Menu with Unlimited Sublevels
This menu has been tested (and works !) in all the following browsers :
This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS/XHTML and comes with a fully working contact form. This item comes with 9 color variants (and 2 color schemes for the drop downs – dark and light) and a detailed documentation to help you to customize it.100% Responsive Mega Menu
This menu has been tested (and works !) with all the following browsers :
Made the menu 100% responsive
Grouped all menu variants (horizontal and vertical)
Added the ability to align the drop downs vertically (vertical versions only)
Added a full browser width variant (the menu remains centered)
Completely changed the way to handle the full width drop down variant (no more negative margins)
Made a few design improvements, especially with the dark theme
Added a dark variant of the drop down
Added a 2-Levels Drop Down
Added a bonus Vertical Mega Menu
Added a Full Width drop down variant
You can now use safely this Mega Menu along with my CSS Sticky Footer
I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
This mega menu Reloaded comes with awesome options and is the most complete solution to build mega menus. Getting rid of them will not affect the main functionnality of the menu. Notice : the live preview doesn’t show all the options available for this menu, check the video for more examples.Menu bar scroller
Custom Scrollbars within the drop downs
Clean and attractive design
Mouse Click (“Toggle”) – Drop downs fixed until another click
Mouse Hover – Drop downs disappear once the mouse is out
Mouse Click – Drop downs disappear once the mouse is out
For each effect, the drop downs can fade or slide.It has been tested with all the major browsers and degrades gracefully down to IE6.Modified the CSS to make the menu more responsive
Fixed an issue occurring with drop downs opened on page load in megamenu.Added an option to hide the CSS3 menu bar on page load
Fixed a small bug that was blocking the drop downs on mobile devices
I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
Chrome-Bar is a mega navigation system with a clean chrome styled design.Functionality and design are split in to separate CSS files making it easy to customise the look and feel without breaking the system
Simple to use grid-system for drop-down content boxes
10. CSS Apple Menu
This is different styles of navigation menus based on the design of apple’s menu on apple.com, It comes in 7 different styles, and with drop down menus that support up to 5 levels, This item is drawn using CSS meaning faster load times smaller file size and no images required, however this also means it only works in Mozilla Firefox, Safari, Mobile Safari, and Chrome.
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on slideshow CSS3 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.
12. Long Shadow Menu
Shady is a Responsive, flat long shadow CSS menu.Responsive design (2 visualizations)
Modern, flat design and long shadows
DeliMenu is a pure HTML and CSS mega menu created to be simple in its design and powerful in its capabilities. DeliMenu, in addition to long link-lists, detailed description and design menus, tied notification indicators and bubbles, and its unique menu designs, it comes with a user-specific drop down that includes user details and login form.Custom User Menu with login form
Drop down links with descriptions
Right or 2 column left menu CSS justification